<template>
  <div>
    <form @submit.prevent="fn">
      <label>姓名：</label>
      <input type="text" v-model="uname"><br><br>

      <label>年龄：</label>
      <input type="number"><br><br>

      <label>身高：</label>
      <input type="text" v-model.number="high">(米)<br><br>

      <label>体重：</label>
      <input type="number" v-model.number="kg">(公斤)<br><br>

      <label>病史：</label>
      <input type="text"><br><br>

      <button>诊断</button>
    </form>

    <p v-if="bmi>20&&bmi<=25">患者{{uname}}  的诊断结果：健康</p>
    <p v-else-if="bmi<=20">患者{{uname}}  的诊断结果：太轻</p>
    <p v-else>患者{{uname}}  的诊断结果：肥胖</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      flag:true,
      uname:"",
      high:"",
      kg:"",
      bmi:""

    }
  },
  methods: {
    fn(){
      this.bmi=this.kg/this.high/this.high

    },

  }
}
</script>